{% extends "webpage/base.html" %}

{% load staticfiles %}

{% block extra-css %}
<link rel="stylesheet" type="text/css" href="{% static 'webpage/css/homepage.css' %}"/>
{% endblock %}

{% block main-content %}
<div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img class="first-slide"
                 src="{% static 'webpage/images/carousel1.png' %}"
                 alt="First slide">
        </div>
        <div class="item">
            <img class="second-slide"
                 src="{% static 'webpage/images/carousel1.png' %}"
                 alt="Second slide">
        </div>
        <div class="item">
            <img class="third-slide"
                 src="{% static 'webpage/images/carousel1.png' %}"
                 alt="Third slide">
        </div>
    </div>
    <!--
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
    -->

    <div class="gain right carousel-control" id="userGain" style="opacity: 1.0;">
        <div class="gain-cont">
            <h2>全网性价比最高!</h2>

            <p class="f"><span style="color:#fff; font-size:18px">注册即</span><em>13.</em>送XXXX抵用券</p>

            <p class="reg"><a href="/secure/register/">注册领券</a></p>

            <p class="tar">已有账号? <a href="/secure/login/">立即登录</a></p>

        </div>
    </div>
</div>


<script type='text/javascript'>
$(document).ready(function() {
     $('.carousel').carousel({interval: 3000});
});


</script>

<!-- Carousel -->

<div class="base-info">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <h2>什么是全民金融管家？</h2>

                <p>
                    全民金融管家提供安全、有担保、高收益的互联网理财服务。通过全民金融管家的推荐，您可以将手中的富余资金出借给由小额贷款金融机构担保的、信用良好的小微企业，并获得利息回报。
                    <a href="/static/guidelines/">了解更多&gt;</a>
                </p>
            </div>

            <div class="col-md-3 stats">
                <dl>
                    <dt class="stats-num">3,038,836</dt>
                    <dd>聪明的投资人已加入全民金融管家</dd>
                </dl>
            </div>
            <div class="col-md-3 stats">
                <dl>
                    <dt class="stats-num">￥8,348,497,136</dt>
                    <dd>投资已在全民金融管家完成</dd>
                </dl>
            </div>
        </div>
    </div>
</div>

<div class="main-content-1">
    <div class="container">
        <div class="row">
            <div class="col-md-3 intro-block-s">
                <dl class="intro-block-profit">
                    <dt><a style="" href="/static/yield/">
                        <img alt="intro-block-profit" src="{% static 'webpage/images/intro-block-profit.png' %}"></a>
                    </dt>
                    <dd>
                        <div class="none">
                            <h4>高收益也可以低门槛</h4>

                            <p><em>30</em> 倍银行存款利息，</p>

                            <p><em>50</em> 元起步, <em>0</em> 手续费</p></div>
                        <p class="more"><a href="/static/yield/">了解更多&gt;</a></p>
                    </dd>
                </dl>
            </div>
            <div class="col-md-3 intro-block-s">
                <dl class="intro-block-security">
                    <dt><a style="" href="/static/yield/">
                        <img alt="intro-block-security" src="{% static 'webpage/images/intro-block-security.png' %}"></a>
                    </dt>
                    <dd>
                        <div class="none">
                            <h4>最安全的网上理财</h4>

                            <p><em>5</em><b>道</b>审核、<em>FICO</em>评分、</p>

                            <p>机构<b>全额担保</b></p></div>
                        <p class="more"><a href="/static/security/">了解更多&gt;</a></p>
                    </dd>
                </dl>

            </div>
            <div class="col-md-3 intro-block-s">
                <dl class="intro-block-flexible">
                    <dt><a style="" href="/static/yield/">
                        <img alt="intro-block-flexible" src="{% static 'webpage/images/intro-block-flexible.png' %}"></a>
                    </dt>
                    <dd>
                        <div class="none">
                            <h4>随时随地赎回投资</h4>

                            <p>突然急用钱想收回投资？</p>

                            <p><em>2</em>步搞定，最快<b>当天到账</b></p></div>
                        <p class="more"><a href="/static/redemption/">了解更多&gt;</a></p>
                    </dd>
                </dl>

            </div>
            <div class="col-md-3">
                <div align="center" class="embed-responsive embed-responsive-4by3">
                    <video autoplay loop class="embed-responsive-item">
                        <source src=http://techslides.com/demos/sample-videos/small.mp4 type=video/mp4>
                    </video>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="main-content-2">
    <div class="container">
        <div class="row">
            <div class="col-md-9 main-left-panel">

                <div class="special-offer">
                    <div class="special-offer-title">

                        <div class="title">
                            <img src="{% static 'webpage/images/special-offer-icon.png' %}" alt="special-offer">
                            <a href="/currentProduct/">无忧宝</a>
                            <span class="ft14">活期理财，收益远超余额宝</span>
                        </div>
                    </div>
                    <div class="row special-offer-detail">
                        <div class="col-md-8">
                            <img src="{% static 'webpage/images/special-offer-detail-icon-1.png' %}" alt="special-offer">
                            <em>活期</em>理财
                            <img src="{% static 'webpage/images/special-offer-detail-icon-2.png' %}" alt="special-offer">
                            年化<em>7.50</em>%
                        </div>
                        <div class="col-md-4">
                            <p class="sur">剩余金额 <b>￥</b><em>290,507</em></p>
                            <button type="button" class="btn btn-lg btn-primary" disabled="disabled">敬请期待</button>
                        </div>
                    </div>
                </div>
                <!-- special offer -->

                <div class="products">
                    <div class="products-title products-list-row">
                        <img src="{% static 'webpage/images/products-title-icon.png' %}" alt="special-offer">
                        <em>中国金融产品投资</em>
                    </div>
                    <div class="products-subtitle products-list-row">
                        定期理财，收益远超银行； 1000元起投； 工作日<em>10:30、14:30、20:00</em>更新，周末与其余时间随机
                    </div>
                    <div class="products-list">
                        <div class="row products-list-row">
                            <div class="col-md-4">
                                <h4>
                                    <a href="/dingcunbao/">中国金融产品投资 <em>A</em></a>
                                </h4>

                                <div class="safe">
                                    <img src="{% static 'webpage/images/verified-icon.png' %}" alt="100%本息保障">&nbsp;&nbsp;100%本息保障
                                </div>
                            </div>
                            <div class="col-md-3">
                                年化<em class="profit-num">7.50</em>%
                            </div>
                            <div class="col-md-3">
                                <em class="month-num">1-12</em>个月
                            </div>
                            <div class="col-md-2 pull-right">
                                <p class="sur">剩余金额 <b>￥</b><em>0</em></p>
                                <button type="button" class="btn btn-defalt" disabled="disabled">已满</button>
                            </div>
                        </div>

                        <div class="row products-list-row">
                            <div class="col-md-4">
                                <h4>
                                    <a href="/dingcunbao/">中国金融产品投资 <em>B</em></a>
                                </h4>

                                <div class="safe">
                                    <img src="{% static 'webpage/images/verified-icon.png' %}" alt="100%本息保障">&nbsp;&nbsp;100%本息保障
                                </div>
                            </div>
                            <div class="col-md-3">
                                年化<em class="profit-num">7.50</em>%
                            </div>
                            <div class="col-md-3">
                                <em class="month-num">1-12</em>个月
                            </div>
                            <div class="col-md-2 pull-right">
                                <p class="sur">剩余金额 <b>￥</b><em>0</em></p>
                                <button type="button" class="btn btn-warning">预约</button>
                            </div>
                        </div>

                        <div class="row products-list-row">
                            <div class="col-md-4">
                                <h4>
                                    <a href="/dingcunbao/">中国金融产品投资 <em>C</em></a>
                                </h4>

                                <div class="safe">
                                    <img src="{% static 'webpage/images/verified-icon.png' %}" alt="100%本息保障">&nbsp;&nbsp;100%本息保障
                                </div>
                            </div>
                            <div class="col-md-3">
                                年化<em class="profit-num">7.50</em>%
                            </div>
                            <div class="col-md-3">
                                <em class="month-num">1-12</em>个月
                            </div>
                            <div class="col-md-2 pull-right">
                                <p class="sur">剩余金额 <b>￥</b><em>0</em></p>
                                <button type="button" class="btn btn-warning">预约</button>
                            </div>
                        </div>

                        <div class="row products-list-row">
                            <div class="col-md-4">
                                <h4>
                                    <a href="/dingcunbao/">中国金融产品投资 <em>D</em></a>
                                </h4>

                                <div class="safe">
                                    <img src="{% static 'webpage/images/verified-icon.png' %}" alt="100%本息保障">&nbsp;&nbsp;100%本息保障
                                </div>
                            </div>
                            <div class="col-md-3">
                                年化<em class="profit-num">7.50</em>%
                            </div>
                            <div class="col-md-3">
                                <em class="month-num">1-12</em>个月
                            </div>
                            <div class="col-md-2 pull-right">
                                <p class="sur">剩余金额 <b>￥</b><em>0</em></p>
                                <button type="button" class="btn btn-warning">预约</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- left panel -->

            <div class="col-md-3 main-right-panel">
                <div class="news">
                    <div class="title">
                        <b>媒体报道</b>
                        <a href="/media/" class="more pull-right">更多&gt;</a>
                    </div>
                    <ul class="news-items">
                        <li>
                            <a href="/media/detail/72.html" target="_blank">
                                <span title="全民金融管家获得行业 “年度人气平台”及“年度服务创新优胜奖”奖项">全民金融管家获得行业 “年度...</span>
                            </a>
                        </li>
                        <li>
                            <a href="/media/detail/80.html" target="_blank">
                                <span title="全民金融管家正面回击不实传闻 用户人数持续猛增">全民金融管家用户人数突破...</span>
                            </a>
                        </li>
                        <li>
                            <a href="/media/detail/79.html" target="_blank">
                                <span title="全民金融管家发布2014年报：成交额用户数量等猛增10余倍">全民金融管家发布2014年报：成交额用...</span>
                            </a>
                        </li>
                        <li>
                            <a href="/media/detail/78.html" target="_blank">
                                <span title="全民金融管家发布女性P2P理财调查:60后女性出手最壕">全民金融管家发布女性P2P理财调查:...</span>
                            </a>
                        </li>
                        <li>
                            <a href="/media/detail/77.html" target="_blank">
                                <span title="全民金融管家三周年庆 豪赠每人5万元理财体验金">全民金融管家三周年庆 豪礼相送...</span>
                            </a>
                        </li>
                        <li>
                            <a href="/media/detail/76.html" target="_blank">
                                <span title="银行卡未离身被盗刷 幸运追回15万">银行卡未离身被盗刷 幸运追回15...</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
</div>
{% endblock %}